<template>
  <div>

    <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="150px">
      <el-form-item label="患者是否完成本研究:">
        <el-radio-group v-model="form.resource" style="margin-top: 10px">
          <el-radio v-model="radio" label="true">是</el-radio>
          <p></p>
          <el-radio v-model="radio" label="false" style="margin-top: 10px">否
            <span style="margin-left: 10px" v-show = "form.resource === 'false'">
              请表述原因: <input style="width: 100%;border: none;border-bottom: 1px solid">
            </span>
          </el-radio>
        </el-radio-group>
      </el-form-item>
      <el-form-item label="出院日期:" label-width="80px" abel-position="left">
        <input style="width: 40%;border: none;border-bottom: 1px solid" v-model="form.leaveDate">
      </el-form-item>
      <el-form-item label="术后住院天数:" label-width="106px" abel-position="left">
        <input style="width: 10%;border: none;border-bottom: 1px solid" v-model="form.afterDate">天
      </el-form-item>
    </el-form>

    <el-row :gutter="24" style="width: 100%;margin-left: 30%">
      <el-col :span="8">
        <el-button>取消</el-button>
      </el-col>
      <el-col :span="8">
        <el-button type="primary" @click="onSubmit">保存</el-button>
      </el-col>
    </el-row>
  </div>
</template>
<script>
export default {
  components: {},
  props: [],
  data() {
    return {
      form: {
        resource: '',
        leaveDate:'',
        afterDate:''
      },
      radio: '',

    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    onSubmit() {
      console.log('submit!');
    }
  }
}

</script>
<style>
</style>
